<template>
    <div class="CsjDetail" v-loading="trackLoad">
        <el-row v-if="user.roleCode === 'CITY_LEADER'" style="margin-top: 5px" class="CsjDetail_scarch">
                  <el-col :span="10" style="text-align: left">
                      <span >查询：</span>
                      <el-select
                          v-model="state"
                          filterable
                          remote
                          :reserve-keyword="false"
                          placeholder="请输入村书记姓名"
                          :remote-method="remoteMethod"
                          @change="selectPersonChange"
                          :loading="searchLoading">
                          <el-option
                              v-for="item in options"
                              :key="item.id"
                              :label="item.name"
                              :value="item.id">
                          </el-option>
                      </el-select>
                      <el-button type="primary" icon="el-icon-search" @click="loadByQueryVal">搜索</el-button>
                  </el-col>
              </el-row>
          <el-row>
            <el-col :span="24" v-if="user.sysDistrict.districtLevel===1">
                <div class="selectTownDiv">
                    <div v-for="(item, index) in zhenList"
                         :class="currentTownIndex === index ? 'town-btn-active' : 'town-btn'"
                         @click="initCadresList(item.districtId, index)">{{item.districtName.replace(/党委/g, '')}}
                    </div>
                </div>
            </el-col>
            <el-col :span="24" style="padding: 0">
                <div class="swiperFather">
                    <swiper class="swiper gallery-thumbs swiperTitle" :options="swiperOptionThumbs" ref="swiperThumbs" >
                        <swiper-slide v-for="item in cadList" :key="item.id + '1'">
                            <div class="head-list-item">
                                <img :src="item.headSculpture"  width="144" height="215" alt="头像" style="border-radius: 5px"/>
                                <div class="name-post">
                                    <div style="font-size: 12px;color: white;">
                                        {{item.districtName || "暂无" }} --
                                        <span style="font-size: 12px;color: white"> {{item.name || "暂无"}} </span>
                                    </div>
                                    <div style="font-size: 12px;color: white;"> {{item.quasiAssessmentRank || "职级评定中..."}} </div>
                                </div>
                            </div>
                        </swiper-slide>
                    </swiper>
                    <div class="swiper-button-next " slot="button-next"></div>
                    <div class="swiper-button-prev" slot="button-prev"></div>
                </div>
                <SecretaryEdit v-if="isEdit" @handleFinish="(data) => {this.currentSecretary = data; this.cadList[this.activeIndex] = data;}" :isHasTask="isHasTask" :currentSecretary="currentSecretary" :endTime="endTime"></SecretaryEdit>
                <swiper v-else class="swiper gallery-top swiper-no-swiping" :options="swiperOptionTop" ref="swiperTop">
                    <swiper-slide v-for="item in cadList" :key="item.id" class="singleContentDiv">
                        <div class="activeLine">
                            <div class="activeLineArrow"></div>
                        </div>
                        <div style="text-align: left;font-size: 18px;font-weight: bold;margin: 40px 0">
                            <el-tag size="large" style="width:245px;text-align: center;background-color: #C5C5C5;border: 1px solid #C5C5C5" v-if="item.state === '0'" close-transition type="danger"  effect="dark">当前状态：待提交</el-tag>
                            <el-tag size="large" style="width:245px;text-align: center;background-color: #409EFF;border: 1px solid #409EFF" v-else-if="item.state === '1'" close-transition  type="warning"  effect="dark">当前状态：待镇党委审核</el-tag>
                            <el-tag size="large" style="width:245px;text-align: center;background-color: #409EFF;border: 1px solid #409EFF" v-else-if="item.state === '2'" close-transition  type="primary"  effect="dark">当前状态：待市委审核</el-tag>
                            <el-tag size="large" style="width:245px;text-align: center;background-color: #55BD94;border: 1px solid #55BD94" v-else-if="item.state === '3'" close-transition  type="success"  effect="dark">当前状态：市委审核通过</el-tag>
                            <el-popover  placement="right"  width="400" trigger="click">
                                <el-timeline style="height: 350px;padding-top: 10px;overflow-y: scroll">
                                    <el-timeline-item
                                        v-for="(activity, index) in activities"
                                        :key="index"
                                        :color="activity.color"
                                        :timestamp="activity.modifiedAt">
                                        <div>
                                            <el-tag v-if="activity.status == '0'" close-transition type="success"  effect="dark">编辑</el-tag>
                                            <el-tag v-else-if="activity.status == '2'" close-transition  type="primary"  effect="dark">提交</el-tag>
                                            <el-tag v-else close-transition  type="danger"  effect="dark">审核</el-tag>
                                            {{activity.auditor}}
                                            {{activity.auditAdvice}}
                                        </div>
                                    </el-timeline-item>
                                </el-timeline>
                                <el-button slot="reference" type="text" @click="shRcord(item.id)" style="color: #45A14F;font-size: 14px;margin-left: 20px" >信息更新记录</el-button>
                            </el-popover>
                            <div style="float: right;line-height: 40px;height: 40px">
                                <div class="taskNotice"></div>
                                <div style="display: inline-block;font-size: 14px;color: #393939">
                                    <p v-show="isHasTask">友情提示: 基本信息更新任务已发布（截止日期{{endTime}}），当前信息可进行修改、保存、提交等操作！</p>
                                    <p v-show="!isHasTask">友情提示: 基本信息更新任务未发布，当前信息不可进行修改、保存、提交等操作！</p>
                                </div>
                            </div>
                        </div>
                        <el-form label-position="right" label-width="80px" :model="item">
                            <el-row :gutter="10" style="margin-top: 20px">
                                <el-col :span="16">
                                    <el-card shadow="hover" style="height: 320px;" class="baseMassage">
                                        <el-col :span="6">
                                            <div style="height: 320px"  >
                                                <el-image :src="item.headSculpture" style="width: 160px;height: 240px;border-radius: 4px"></el-image>
                                                <div class="name-post1" >
                                                    <div>
                                                        {{item.districtName || "暂无" }} --
                                                        <span> {{item.name || "暂无"}} </span>
                                                    </div>
                                                    <div > {{item.quasiAssessmentRank || "职级评定中..."}} </div>
                                                </div>
                                            </div>
                                        </el-col>
                                       <el-col :span="18">
                                           <div class="cardTitleStyle">
                                               <el-image class="smallTitle" src="../../../static/img/csj/jbry.png"></el-image>
                                               <p>基本人员信息</p>
                                           </div>
                                           <el-col :span="12">
                                               <div class="baseInfoDiv">
                                                   <span class="baseLabel">性别</span>
                                                   <span class="baseVal">{{item.sex||"暂无"}}</span>
                                               </div>
                                               <div class="baseInfoDiv">
                                                   <span class="baseLabel">出生日期</span>
                                                   <span class="baseVal">{{item.birth||"暂无"}}</span>
                                               </div>
                                               <div class="baseInfoDiv">
                                                   <span class="baseLabel">民族</span>
                                                   <span class="baseVal">{{item.nation||"暂无"}}</span>
                                               </div>
                                               <div class="baseInfoDiv">
                                                   <span class="baseLabel">籍贯</span>
                                                   <span class="baseVal">{{item.nativePlace||"暂无"}}</span>
                                               </div>
                                               <div class="baseInfoDiv">
                                                   <span class="baseLabel">健康情况</span>
                                                   <span class="baseVal">{{item.health||"暂无"}}</span>
                                               </div>
                                           </el-col>
                                           <el-col :span="12">
                                               <div class="baseInfoDiv">
                                                   <span class="baseLabel">身份证号</span>
                                                   <span class="baseVal">{{item.identityCard||"暂无"}}
                                                    <el-popover
                                                        v-show="item.identityCardAnnex"
                                                        placement="right"
                                                        width="330"
                                                        trigger="hover">
                                                        <div v-for=
                                                                 "subItem in handleImage(item.identityCardAnnex)" >
                                                            <el-image :src="subItem"></el-image>
                                                        </div>
                                                        <el-button slot="reference" type="text">
                                                            <div class="el-icon-picture fileIcon"></div>
                                                        </el-button>
                                                    </el-popover>
                                                </span>
                                               </div>
                                               <div class="baseInfoDiv">
                                                   <span class="baseLabel">联系电话</span>
                                                   <span class="baseVal">{{item.contact||"暂无"}}</span>
                                               </div>
                                               <div class="baseInfoDiv">
                                                   <span class="baseLabel">学历</span>
                                                   <span class="baseVal">{{item.education||"暂无"}}
                                                    <el-popover
                                                        v-show="item.educationAnnex"
                                                        placement="right"
                                                        width="330"
                                                        trigger="hover">
                                                        <div v-for="subItem in handleImage(item.educationAnnex)" >
                                                            <el-image :src="subItem"></el-image>
                                                        </div>
                                                        <el-button slot="reference" type="text">
                                                             <div class="el-icon-picture fileIcon"></div>
                                                        </el-button>
                                                    </el-popover>
                                                </span>
                                               </div>
                                               <div class="baseInfoDiv">
                                                   <span class="baseLabel">入党时间</span>
                                                   <span class="baseVal">{{item.partyTime||"暂无"}}
                                                    <el-popover
                                                        v-show="item.partyTimeAnnex"
                                                        placement="right"
                                                        width="330"
                                                        trigger="hover">
                                                        <div v-for="subItem in handleImage(item.partyTimeAnnex)" >
                                                            <el-image :src="subItem"></el-image>
                                                        </div>
                                                        <el-button slot="reference" type="text">
                                                            <div class="el-icon-picture fileIcon"></div>
                                                        </el-button>
                                                    </el-popover>
                                                </span>
                                               </div>
                                               <div class="baseInfoDiv">
                                                   <span class="baseLabel">出生地</span>
                                                   <span class="baseVal">{{item.birthPlace||"暂无"}}</span>
                                               </div>
                                           </el-col>
                                       </el-col>
                                    </el-card>
                                </el-col>
                                <el-col :span="8">
                                    <el-card shadow="hover" style="height: 320px" class="workMessage">
                                        <div class="cardTitleStyle">
                                            <el-image  class="smallTitle" src="../../../static/img/csj/gz.png"></el-image>
                                            <p>基本工作信息</p>
                                        </div>
                                        <el-col :span="12">
                                            <div class="baseInfoDiv">
                                                <span class="baseLabel">任职时长</span>
                                                <span class="baseVal">{{item.onDutyTime?item.onDutyTime+'年':"暂无"}}
                                                    <span>{{item.onDutyMonth?item.onDutyMonth+'月':" "}}</span>
                                                    <el-popover
                                                        v-show="item.workTimeAnnex"
                                                        placement="right"
                                                        width="330"
                                                        trigger="hover">
                                                        <div v-for="subItem in handleImage(item.workTimeAnnex)" >
                                                            <el-image :src="subItem"></el-image>
                                                        </div>
                                                        <el-button slot="reference" type="text">
                                                            <div class="el-icon-picture fileIcon"></div>
                                                        </el-button>
                                                    </el-popover>
                                                </span>
                                            </div>
                                            <div class="baseInfoDiv">
                                                <span class="baseLabel">现任职级</span>
                                                <span class="baseVal">{{item.quasiAssessmentRank||"暂无"}}</span>
                                            </div>
                                            <div class="baseInfoDiv">
                                                <span class="baseLabel">现任职级时间</span>
                                                <span class="baseVal">{{item.termOfOffice||"暂无"}}</span>
                                            </div>
                                            <!-- <div class="baseInfoDiv">
                                                <span class="baseLabel">养老保险</span>
                                                <span class="baseVal">{{item.socialSecurityDatabases||"暂无"}}</span>
                                            </div> -->
                                        </el-col>
                                        <el-col  :span="12">
                                            <div class="baseInfoDiv">
                                                <span class="baseLabel">人员类型</span>
                                                <span class="baseVal">{{item.personnelType||"暂无"}}</span>
                                            </div>
                                            <!-- <div class="baseInfoDiv">
                                                <span class="baseLabel">专技职称</span>
                                                <span class="baseVal">{{item.professionalTitle||"暂无"}}
                                                     <el-popover
                                                         v-show="item.professionalTitleAnnex"
                                                         placement="bottom"
                                                         width="330"
                                                         trigger="hover">
                                                         <div v-for="subItem in handleImage(item.professionalTitleAnnex)" >
                                                            <el-image :src="subItem"></el-image>
                                                        </div>
                                                        <el-button slot="reference" type="text">
                                                            <div class="el-icon-picture fileIcon"></div>
                                                        </el-button>
                                                    </el-popover>
                                                </span>
                                            </div> -->
                                            <div class="baseInfoDiv">
                                                <span class="baseLabel">到村时间</span>
                                                <span class="baseVal">{{item.workTime||"暂无"}}</span>
                                            </div>
                                            <!-- <div class="baseInfoDiv">
                                                <span class="baseLabel">医疗保险</span>
                                                <span class="baseVal">{{item.medicalInsurance||"暂无"}}</span>
                                            </div> -->
                                        </el-col>
                                    </el-card>
                                </el-col >
                            </el-row>
                        </el-form>
                        <el-row :gutter="10" style="margin-top: 40px">
                            <el-col :span="8">
                              <el-card shadow="hover"  class="repaid">
                                <div class="cardTitleStyle">
                                    <el-image  class="smallTitle" src="../../../static/img/csj/bc.png"></el-image>
                                    <p>社会保险信息</p>
                                </div>
                                <div class="insurance_box">
                                  <div class="baseInfoDiv insurance_line">
                                    <span class="baseLabel">医疗保险</span>
                                    <span class="baseVal">{{item.medicalInsurance||"暂无"}}</span>
                                  </div>
                                  <!-- <div class="baseInfoDiv insurance_line">
                                    <span class="baseLabel">参保时间</span>
                                    <span class="baseVal">{{item.insuredTime||"暂无"}}</span>
                                  </div>
                                  <div class="baseInfoDiv insurance_line">
                                    <span class="baseLabel">缴费年限(月)</span>
                                    <span class="baseVal">{{item.insurancePaymentPeriod ? item.insurancePaymentPeriod + '月' : "暂无"}}</span>
                                  </div>
                                  <div class="baseInfoDiv insurance_line">
                                    <el-tooltip class="item" effect="dark" content="当前一级账户余额" placement="top">
                                      <span class="baseLabel">当前一级账...</span>
                                    </el-tooltip>
                                    <span class="baseVal">{{item.primaryAccountBalance||"暂无"}}</span>
                                  </div>
                                  <div class="baseInfoDiv insurance_line">
                                    <el-tooltip class="item" effect="dark" content="当前二级账户余额" placement="top">
                                      <span class="baseLabel">当前二级账...</span>
                                    </el-tooltip>
                                    <span class="baseVal">{{item.secondaryAccountBalance||"暂无"}}</span>
                                  </div>
                                  <div class="baseInfoDiv insurance_line">
                                    <el-tooltip class="item" effect="dark" content="当前医保账户余额" placement="top">
                                      <span class="baseLabel">当前医保账...</span>
                                    </el-tooltip>
                                    <span class="baseVal">{{item.insuranceAccountBalance||"暂无"}}</span>
                                  </div> -->
                                </div>
                                  <div class="baseInfoDiv insurance_line">
                                    <span class="baseLabel">养老保险</span>
                                    <span class="baseVal">{{item.socialSecurityDatabases||"暂无"}}</span>
                                  </div>
                                  <div class="baseInfoDiv insurance_line">
                                    <span class="baseLabel">缴费年限</span>
                                    <span class="baseVal">{{item.paymentPeriod||"暂无"}}</span>
                                  </div>
                                  <div class="baseInfoDiv insurance_line">
                                    <el-tooltip class="item" effect="dark" content="上年账户累计储存额" placement="top">
                                      <span class="baseLabel">上年账户累...</span>
                                    </el-tooltip>
                                    <span class="baseVal">{{item.depositBalance||"暂无"}}</span>
                                  </div>
                                  <div class="baseInfoDiv insurance_line">
                                    <span class="baseLabel">在职/退休</span>
                                    <span class="baseVal">{{item.hasOnTheJob||"暂无"}}</span>
                                  </div>
                                  <div v-if="item.retirementWage" class="baseInfoDiv insurance_line">
                                    <span class="baseLabel">退休工资</span>
                                    <span class="baseVal">{{item.retirementWage}}</span>
                                  </div>
                              </el-card>
                            </el-col>
                            <el-col :span="8">
                                <el-card shadow="hover"  class="workExperience">
                                    <div class="cardTitleStyle">
                                        <el-image  class="smallTitle" src="../../../static/img/csj/jl.png"></el-image>
                                        <p>工作简历</p>
                                    </div>
                                    <el-col :span="24"  class="Secoll Secoll_workExperience"  style="padding:0px 20px!important;">
                                        <el-timeline  :reverse="true">
                                            <el-timeline-item
                                                v-for="(activity, index) in handleWorkExperience(item.workExperience)"
                                                :key="index" style="text-align: left">
                                                {{activity}}
                                            </el-timeline-item>
                                        </el-timeline>
                                    </el-col>
                                    <el-col :span="6" :offset="19" v-if="handleWorkExperience(item.workExperience).length>1">
                                        <el-popover
                                            placement="right"
                                            width="400"
                                            trigger="hover">
                                            <el-timeline  :reverse="true">
                                                <el-timeline-item
                                                    v-for="(activity, index) in handleWorkExperience(item.workExperience)"
                                                    :key="index" style="text-align: left">
                                                    {{activity}}
                                                </el-timeline-item>
                                            </el-timeline>
                                            <span class="more" slot="reference">更多 >></span>
                                        </el-popover>
                                    </el-col>
                                </el-card>
                            </el-col>
                            <el-col :span="8">
                                <el-card shadow="hover"  class="repaid" >
                                    <div class="cardTitleStyle">
                                        <el-image  class="smallTitle" src="../../../static/img/csj/bc.png"></el-image>
                                        <p>报酬情况</p>
                                    </div>
                                    <el-col :span="24" class="Secoll">
                                        <div v-if="item.rewards.length===0">
                                            <el-image  style="width: 285px;height: 100px" src="../../../static/img/nrzw.png"></el-image>
                                        </div>
                                        <!--   //显示一条-->
                                        <div v-else style="padding:25px 0 0 20px">
                                            <el-col :span="12" class="baseInfoCard">
                                                <span class="baseCardLabel">获取时间</span>
                                                <span class="baseCardVal">{{item.rewards[0].achieveTime ? new Date(item.rewards[0].achieveTime).getFullYear() + '年' : '未填'}}</span>
                                            </el-col>
                                            <el-col :span="12" class="baseInfoCard">
                                                <span class="baseCardLabel">基本报酬(元/年)</span>
                                                <span class="baseCardVal">{{item.rewards[0].basicReward||0}}</span>
                                            </el-col>
                                            <el-col :span="12" class="baseInfoCard">
                                                <span class="baseCardLabel">考核报酬(元/年)</span>
                                                <span class="baseCardVal">{{item.rewards[0].reviewReward||0}}</span>
                                            </el-col>
                                            <el-col :span="12" class="baseInfoCard">
                                                <span class="baseCardLabel">增收奖励(元/年)</span>
                                                <span class="baseCardVal">{{item.rewards[0].otherReward||0}}</span>
                                            </el-col>
                                            <el-col :span="12" class="baseInfoCard">
                                                <span class="baseCardLabel">其他(元/年)</span>
                                                <span class="baseCardVal">{{item.rewards[0].des||0}}</span>
                                            </el-col>
                                            <el-col :span="12" class="baseInfoCard">
                                                <span class="baseCardLabel">总报酬(元/年)</span>
                                                <span class="baseCardVal">{{item.rewards[0].totalReward}}</span>
                                            </el-col>
                                            <el-col :span="12" class="baseInfoCard">
                                                <span class="baseCardLabel">佐证材料</span>
                                                <span class="baseCardVal">
                                                    <el-popover
                                                        placement="right"
                                                        width="400"
                                                        trigger="hover" v-if="item.rewards[0].supportDoc">
                                                        <div v-for="subItem in handleImage(item.rewards[0].supportDoc)" >
                                                            <el-image :src="subItem"></el-image>
                                                        </div>
                                                        <el-button slot="reference" type="text">
                                                            <div class="el-icon-picture fileIcon"></div>
                                                        </el-button>
                                                    </el-popover>
                                                    <span v-else>暂无</span>
                                                </span>
                                            </el-col>
                                        </div>
                                    </el-col>
                                    <el-col :span="6" :offset="19">
                                        <el-popover
                                            placement="right"
                                            width="480"
                                            trigger="hover">
                                            <div class="popoverScroll">
                                                <div v-for="sub in item.rewards">
                                                    <el-col :span="12" class="baseInfoCard">
                                                        <span class="baseCardLabel">获取时间</span>
                                                        <span class="baseCardVal">{{sub.achieveTime ? new Date(sub.achieveTime).getFullYear() + '年' : '未填'}}</span>
                                                    </el-col>
                                                    <el-col :span="12" class="baseInfoCard">
                                                        <span class="baseCardLabel">基本报酬(元/年)</span>
                                                        <span class="baseCardVal">{{sub.basicReward||0}}</span>
                                                    </el-col>
                                                    <el-col :span="12"class="baseInfoCard">
                                                        <span class="baseCardLabel">考核报酬(元/年)</span>
                                                        <span class="valueStyle">{{sub.reviewReward}}</span>
                                                    </el-col>
                                                    <el-col :span="12" class="baseInfoCard">
                                                        <span class="baseCardLabel">增收奖励(元/年)</span>
                                                        <span class="baseCardVal">{{sub.otherReward||0}}</span>
                                                    </el-col>
                                                    <el-col :span="12" class="baseInfoCard">
                                                        <span class="baseCardLabel">其他(元/年)</span>
                                                        <span class="baseCardVal">{{sub.des||0}}</span>
                                                    </el-col>
                                                    <el-col :span="12" class="baseInfoCard">
                                                        <span class="baseCardLabel">总报酬(元/年)</span>
                                                        <span class="baseCardVal">{{sub.totalReward||0}}</span>
                                                    </el-col>
                                                    <el-col :span="24" class="baseInfoCard" v-if="sub.supportDoc" >
                                                        <span class="baseCardLabel">佐证材料</span>
                                                        <div v-for="subItem in handleImage(sub.supportDoc)" class="popoverImage">
                                                            <el-image :src="subItem" ></el-image>
                                                        </div>
                                                    </el-col>
                                                    <el-col :span="24" class="baseInfoCard" v-else>
                                                        <span class="baseCardLabel">佐证材料</span>
                                                        <span class="baseCardLongVal">暂无</span>
                                                    </el-col>
                                                    <hr class="popoverLine">
                                                </div>
                                            </div>
                                            <span class="more" slot="reference" v-if="item.rewards.length>1">更多 >></span>
                                        </el-popover>
                                    </el-col>
                                </el-card>
                            </el-col>
                        </el-row>
                        <el-row :gutter="10" style="margin-top: 40px">
                            <el-col :span="8">
                                <el-card shadow="hover"  class="family">
                                    <div class="cardTitleStyle">
                                        <el-image  class="smallTitle" src="../../../static/img/csj/gx.png"></el-image>
                                        <p>家庭主要成员及社会关系</p>
                                    </div>
                                    <el-col :span="24"  class="Secoll" >
                                        <div v-if="item.familyInfoVOS.length===0">
                                            <el-image  style="width: 285px;height: 100px" src="../../../static/img/nrzw.png"></el-image>
                                        </div>
                                        <!--   //显示一条-->
                                        <div v-else style="padding: 30px 0 0 20px">
                                            <el-col :span="12" class="baseInfoCard">
                                                <span class="baseCardLabel">姓名</span>
                                                <span class="baseCardVal">{{item.familyInfoVOS[0].name||"暂无"}}</span>
                                            </el-col>
                                            <el-col :span="12" class="baseInfoCard">
                                                <span class="baseCardLabel">称谓</span>
                                                <span class="baseCardVal">{{item.familyInfoVOS[0].appellation||"暂无"}}</span>
                                            </el-col>
                                            <el-col :span="12" class="baseInfoCard">
                                                <span class="baseCardLabel">出生年月</span>
                                                <span class="baseCardVal">{{item.familyInfoVOS[0].birthDay||"暂无"}}</span>
                                            </el-col>
                                            <el-col :span="12" class="baseInfoCard">
                                                <span class="baseCardLabel">政治面貌</span>
                                                <span class="baseCardVal">{{item.familyInfoVOS[0].politicalStatus||"暂无"}}</span>
                                            </el-col>
                                            <el-col :span="24" class="baseInfoCard">
                                                <span class="baseCardLabel">工作单位及职务</span>
                                                <span class="baseCardLongVal" >{{item.familyInfoVOS[0].orgAndJob||"暂无"}}</span>
                                            </el-col>
                                        </div>
                                    </el-col>
                                    <el-col :span="6" :offset="19">
                                        <el-popover
                                            placement="right"
                                            width="480"
                                            trigger="hover"
                                        >
                                            <div class="popoverScroll">
                                                <div v-for="sub in item.familyInfoVOS">
                                                    <el-col :span="12" class="baseInfoCard">
                                                        <span class="baseCardLabel">姓名</span>
                                                        <span class="baseCardVal">{{sub.name||"暂无"}}</span>
                                                    </el-col>
                                                    <el-col :span="12" class="baseInfoCard">
                                                        <span class="baseCardLabel">称谓</span>
                                                        <span class="baseCardVal">{{sub.appellation||"暂无"}}</span>
                                                    </el-col>
                                                    <el-col :span="12" class="baseInfoCard">
                                                        <span class="baseCardLabel">出生年月</span>
                                                        <span class="baseCardVal">{{sub.birthDay||"暂无"}}</span>
                                                    </el-col>
                                                    <el-col :span="12" class="baseInfoCard">
                                                        <span class="baseCardLabel">政治面貌</span>
                                                        <span class="baseCardVal">{{sub.politicalStatus||"暂无"}}</span>
                                                    </el-col>
                                                    <el-col :span="24" class="baseInfoCard">
                                                        <span class="baseCardLabel">工作单位及职务</span>
                                                        <span class="baseCardLongVal">{{sub.orgAndJob||"暂无"}}</span>
                                                    </el-col>
                                                    <hr class="popoverLine">
                                                </div>
                                            </div>
                                            <span class="more" slot="reference" v-if="item.familyInfoVOS.length>1">更多 >></span>
                                        </el-popover>
                                    </el-col>

                                </el-card>
                            </el-col>
                            <el-col :span="8">
                                <el-card shadow="hover"  class="inCountry">
                                    <div class="cardTitleStyle">
                                        <el-image  class="smallTitle" src="../../../static/img/csj/relation.png"></el-image>
                                        <p>在村工作具有近亲属关系人员</p>
                                    </div>
                                    <el-col :span="24"  class="Secoll">
                                        <div v-if="item.familyWorkInfoVOS.length===0">
                                            <el-image  style="width: 285px;height: 100px" src="../../../static/img/nrzw.png"></el-image>
                                        </div>
                                        <!--   //显示一条-->
                                        <div v-else>
                                            <el-col :span="12" class="baseInfoCard">
                                                <span class="baseCardLabel">姓名</span>
                                                <span class="baseCardVal">{{item.familyWorkInfoVOS[0].name||"暂无"}}</span>
                                            </el-col>
                                            <el-col :span="12" class="baseInfoCard">
                                                <span class="baseCardLabel">称谓</span>
                                                <span class="baseCardVal">{{item.familyWorkInfoVOS[0].appellation||"暂无"}}</span>
                                            </el-col>
                                            <el-col :span="12" class="baseInfoCard">
                                                <span class="baseCardLabel">政治面貌</span>
                                                <span class="baseCardVal">{{item.familyWorkInfoVOS[0].politicalStatus||"暂无"}}</span>
                                            </el-col>
                                            <el-col :span="12" class="baseInfoCard">
                                                <span class="baseCardLabel">职务</span>
                                                <span class="baseCardVal">{{item.familyWorkInfoVOS[0].job||"暂无"}}</span>
                                            </el-col>
                                            <el-col :span="12" class="baseInfoCard">
                                                <span class="baseCardLabel">在村工作时长</span>
                                                <span class="baseCardVal">{{item.familyWorkInfoVOS[0].duration ? item.familyWorkInfoVOS[0].duration + '年' : '暂无'}}</span>
                                            </el-col>
                                        </div>
                                    </el-col>
                                    <el-col :span="6" :offset="19">
                                        <el-popover
                                            placement="right"
                                            width="480"
                                            trigger="hover">
                                            <div class="popoverScroll">
                                                <div  v-for="sub in item.familyWorkInfoVOS">
                                                    <el-col :span="12" class="baseInfoCard">
                                                        <span class="baseCardLabel">姓名</span>
                                                        <span class="baseCardVal">{{sub.name||"暂无"}}</span>
                                                    </el-col>
                                                    <el-col :span="12" class="baseInfoCard">
                                                        <span class="baseCardLabel">称谓</span>
                                                        <span class="baseCardVal">{{sub.appellation||"暂无"}}</span>
                                                    </el-col>
                                                    <el-col :span="12" class="baseInfoCard">
                                                        <span class="baseCardLabel">政治面貌</span>
                                                        <span class="baseCardVal">{{sub.politicalStatus||"暂无"}}</span>
                                                    </el-col>
                                                    <el-col :span="12" class="baseInfoCard">
                                                        <span class="baseCardLabel">职务</span>
                                                        <span class="baseCardVal">{{sub.job||"暂无"}}</span>
                                                    </el-col>
                                                    <el-col :span="24" class="baseInfoCard">
                                                        <span class="baseCardLabel">在村工作时长</span>
                                                        <span class="baseCardLongVal">{{sub.duration ? sub.duration + '年' : '暂无'}}</span>
                                                    </el-col>
                                                    <hr class="popoverLine">
                                                </div>
                                            </div>
                                            <span class="more" slot="reference" v-if="item.familyWorkInfoVOS.length>1">更多 >></span>
                                        </el-popover>
                                    </el-col>
                                </el-card>
                            </el-col>
                            <el-col :span="8">
                                <el-card shadow="hover" class="honer" >
                                    <div class="cardTitleStyle">
                                        <el-image  class="smallTitle"  src="../../../static/img/csj/jc.png"></el-image>
                                        <p>奖惩情况</p>
                                    </div>
                                    <el-col :span="24" class="Secoll"  >
                                        <div v-if="item.honours.length===0">
                                            <el-image  style="width: 285px;height: 100px" src="../../../static/img/nrzw.png"></el-image>
                                        </div>
                                        <!--   //显示一条-->
                                        <div v-else>
                                            <el-col :span="12" class="baseInfoCard">
                                                <span class="baseCardLabel">奖或惩</span>
                                                <span class="baseCardVal">{{item.honours[0].rewardsType||"暂无"}}</span>
                                            </el-col>
                                            <el-col :span="12" class="baseInfoCard">
                                                <span class="baseCardLabel">时间</span>
                                                <span class="baseCardVal">{{item.honours[0].achieveTime ? item.honours[0].achieveTime.slice(0,4) : "暂无"}}</span>
                                            </el-col>
                                            <el-col :span="12" class="baseInfoCard" v-show="item.honours[0].rewardsType == '表彰'">
                                                <span class="baseCardLabel">表彰级别</span>
                                                <span class="baseCardVal">{{item.honours[0].honourDescription||"暂无"}}</span>
                                            </el-col>
                                            <el-col :span="12" class="baseInfoCard" v-show="item.honours[0].rewardsType == '表彰'">
                                                <span class="baseCardLabel">特殊表彰</span>
                                                <span class="baseCardVal">{{item.honours[0].honourType||'暂无'}}</span>
                                            </el-col>
                                            <el-col :span="24" class="baseInfoCard" >
                                                <span class="baseCardLabel">奖惩内容</span>
                                                <span class="baseCardLongVal">{{item.honours[0].content||'暂无'}}</span>
                                            </el-col>
                                            <el-col :span="12" class="baseInfoCard">
                                                <span class="baseCardLabel">佐证材料</span>
                                                <span class="baseCardVal">
                                                    <el-popover
                                                        placement="right"
                                                        width="400"
                                                        trigger="hover" v-if="item.honours[0].supportDoc">
                                                        <div v-for="subItem in handleImage(item.honours[0].supportDoc)" >
                                                            <el-image :src="subItem"></el-image>
                                                        </div>
                                                        <el-button slot="reference" type="text">
                                                            <div class="el-icon-picture fileIcon"></div>
                                                        </el-button>
                                                    </el-popover>
                                                    <span v-else>暂无</span>
                                                </span>
                                            </el-col>
                                        </div>
                                    </el-col>
                                    <el-col :span="6" :offset="19">
                                        <el-popover
                                            placement="right"
                                            width="480"
                                            trigger="hover">
                                            <div class="popoverScroll">
                                                <div v-for="sub in item.honours" >
                                                    <el-col :span="12" class="baseInfoCard">
                                                        <span class="baseCardLabel">奖或惩</span>
                                                        <span class="baseCardVal">{{sub.rewardsType||"暂无"}}</span>
                                                    </el-col>
                                                    <el-col :span="12" class="baseInfoCard">
                                                        <span class="baseCardLabel">时间</span>
                                                        <span class="baseCardVal">{{sub.achieveTime ? sub.achieveTime.slice(0,4) : "暂无"}}</span>
                                                    </el-col>
                                                    <el-col :span="12" class="baseInfoCard" v-show="sub.rewardsType == '表彰'">
                                                        <span class="baseCardLabel">表彰级别</span>
                                                        <span class="baseCardVal">{{sub.honourDescription||"暂无"}}</span>
                                                    </el-col>
                                                    <el-col :span="12" class="baseInfoCard" v-show="sub.rewardsType == '表彰'">
                                                        <span class="baseCardLabel">特殊表彰</span>
                                                        <span class="baseCardVal">{{sub.honourType||'暂无'}}</span>
                                                    </el-col>
                                                    <el-col :span="24" class="baseInfoCard" >
                                                        <span class="baseCardLabel">奖惩内容</span>
                                                        <span class="baseCardLongVal">{{sub.content||"暂无"}}</span>
                                                    </el-col>
                                                    <el-col :span="24" class="baseInfoCard" v-if="sub.supportDoc">
                                                        <span class="baseCardLabel">佐证材料</span>
                                                        <div v-for="subItem in handleImage(sub.supportDoc)" class="popoverImage">
                                                            <el-image :src="subItem"></el-image>
                                                        </div>
                                                    </el-col>
                                                    <el-col :span="24"  class="baseInfoCard" v-else>
                                                        <label><span class="baseCardLabel">佐证材料</span>
                                                            <span class="baseCardLongVal" >暂无</span>
                                                        </label>
                                                    </el-col>
                                                    <hr class="popoverLine">
                                                </div>
                                            </div>
                                            <span class="more" slot="reference" v-if="item.honours.length>1">更多 >></span>
                                        </el-popover>
                                    </el-col>
                                </el-card>
                            </el-col>
                        </el-row>
                        <el-row :gutter="10" style="margin-top: 40px">
                            <el-col :span="8">
                                <el-card shadow="hover" class="train" >
                                    <div class="cardTitleStyle" >
                                        <el-image  class="smallTitle"  src="../../../static/img/csj/px.png"></el-image>
                                        <p style="margin-left: 10px">培训情况</p>
                                    </div>
                                    <el-col :span="24"  class="Secoll">
                                        <!--                                   暂无数据-->
                                        <div v-if="item.trainingInfoVOS.length===0">
                                            <el-image  style="width: 285px;height: 100px" src="../../../static/img/nrzw.png"></el-image>
                                        </div>
                                        <!--   //显示一条-->
                                        <div v-else>
                                            <el-col :span="24" class="baseInfoCard">
                                                <span class="baseCardLabel">培训名称</span>
                                                <span class="baseCardLongVal">
                                                    <el-tooltip :content="item.trainingInfoVOS[0].trainingName" placement="top" v-if="item.trainingInfoVOS[0].trainingName&&item.trainingInfoVOS[0].trainingName.length>22">
                                                       <span>{{item.trainingInfoVOS[0].trainingName.substring(0,21)}}...</span>
                                                    </el-tooltip>
                                                     <span v-else>
                                                         {{item.trainingInfoVOS[0].trainingName||"暂无"}}
                                                     </span>
                                                </span>
                                            </el-col>
                                            <el-col :span="12" class="baseInfoCard">
                                                <span class="baseCardLabel">培训类型</span>
                                                <span class="baseCardVal">{{item.trainingInfoVOS[0].trainingType||"暂无"}}</span>
                                            </el-col>
                                            <el-col :span="12" class="baseInfoCard">
                                                <span class="baseCardLabel">培训等级</span>
                                                <span class="baseCardVal">{{item.trainingInfoVOS[0].trainingGrade||"暂无"}}</span>
                                            </el-col>
                                            <el-col :span="12" class="baseInfoCard">
                                                <span class="baseCardLabel">培训时间</span>
                                                <span class="baseCardVal">{{item.trainingInfoVOS[0].trainingDuration||"暂无"}}</span>
                                            </el-col>
                                            <el-col :span="12" class="baseInfoCard">
                                                <span class="baseCardLabel">培训天数</span>
                                                <span class="baseCardVal">{{item.trainingInfoVOS[0].trainingDays||"暂无"}}</span>
                                            </el-col>
                                            <el-col :span="24" class="baseInfoCard">
                                                <span class="baseCardLabel">培训内容</span>
                                                <span class="baseCardLongVal">
                                                    {{item.trainingInfoVOS[0].content||"暂无"}}</span>
                                            </el-col>
                                            <el-col :span="12" class="baseInfoCard">
                                                <span class="baseCardLabel">培训成果</span>
                                                <span class="baseCardVal">
                                                     <el-tooltip :content="item.trainingInfoVOS[0].trainingResults" placement="top" v-if="item.trainingInfoVOS[0].trainingResults&&item.trainingInfoVOS[0].trainingResults.length>7">
                                                       <span>{{item.trainingInfoVOS[0].trainingResults.substring(0,5)}}...</span>
                                                    </el-tooltip>
                                                     <span v-else>
                                                         {{item.trainingInfoVOS[0].trainingResults||"暂无"}}
                                                     </span>
                                                </span>
                                            </el-col>
                                            <el-col :span="12" class="baseInfoCard">
                                                <span class="baseCardLabel">佐证材料</span>
                                                <span class="baseCardVal">
                                                    <el-popover
                                                        placement="right"
                                                        width="400"
                                                        trigger="hover" v-if="item.trainingInfoVOS[0].supportDoc">
                                                        <div v-for="subItem in handleImage(item.trainingInfoVOS[0].supportDoc)" >
                                                            <el-image :src="subItem"></el-image>
                                                        </div>
                                                        <el-button slot="reference" type="text">
                                                            <div class="el-icon-picture fileIcon"></div>
                                                        </el-button>
                                                    </el-popover>
                                                    <span v-else>暂无</span>
                                                </span>
                                            </el-col>
                                        </div>
                                    </el-col>
                                    <el-col :span="6" :offset="19">
                                        <el-popover
                                            placement="right"
                                            width="480"
                                            trigger="hover">
                                            <div class="popoverScroll">
                                                <div v-for="sub in item.trainingInfoVOS" >
                                                    <el-col :span="24" class="baseInfoCard">
                                                        <span class="baseCardLabel">培训名称</span>
                                                        <span class="baseCardLongVal">{{sub.trainingName||"暂无"}}</span>
                                                    </el-col>
                                                    <el-col :span="12" class="baseInfoCard">
                                                        <span class="baseCardLabel">培训类型</span>
                                                        <span class="baseCardVal">{{sub.trainingType||"暂无"}}</span>
                                                    </el-col>
                                                    <el-col :span="12" class="baseInfoCard">
                                                        <span class="baseCardLabel">培训等级</span>
                                                        <span class="baseCardVal">{{sub.trainingGrade||"暂无"}}</span>
                                                    </el-col>
                                                    <el-col :span="12" class="baseInfoCard">
                                                        <span class="baseCardLabel">培训时间</span>
                                                        <span class="baseCardVal">{{sub.trainingDuration||"暂无"}}</span>
                                                    </el-col>
                                                    <el-col :span="12" class="baseInfoCard">
                                                        <span class="baseCardLabel">培训天数</span>
                                                        <span class="baseCardVal">{{sub.trainingDays||"暂无"}}</span>
                                                    </el-col>
                                                    <el-col :span="24" class="baseInfoCard">
                                                        <span class="baseCardLabel">培训内容</span>
                                                        <span class="baseCardLongVal">{{sub.content||"暂无"}}</span>
                                                    </el-col>
                                                    <el-col :span="24" class="baseInfoCard">
                                                        <span class="baseCardLabel">培训成果</span>
                                                        <span class="baseCardLongVal">{{sub.trainingResults||"暂无"}}</span>
                                                    </el-col>

                                                    <el-col :span="24" class="baseInfoCard" v-if="sub.supportDoc">
                                                       <span class="baseCardLabel">佐证材料</span>
                                                        <div v-for="subItem in handleImage(sub.supportDoc)" class="popoverImage">
                                                            <el-image :src="subItem"></el-image>
                                                        </div>
                                                    </el-col>
                                                    <el-col :span="24"  class="baseInfoCard"  v-else>
                                                        <label><span class="baseCardLabel">佐证材料</span>
                                                            <span class="baseCardLongVal" >暂无</span>
                                                        </label>
                                                    </el-col>
                                                    <hr class="popoverLine">
                                                </div>
                                            </div>
                                            <span class="more" slot="reference" v-if="item.trainingInfoVOS.length>1">更多 >></span>
                                        </el-popover>
                                    </el-col>
                                </el-card>
                            </el-col>
                        </el-row>
                        <el-row :gutter="10" style="margin: 40px 0">
                            <el-col :span="24">
                                <el-card shadow="hover"  class="assessment" >
                                    <div class="cardTitleStyle">
                                        <el-image class="smallTitle" src="../../../static/img/csj/kh.png"></el-image>
                                        <p>考核情况</p>
                                    </div>
                                    <el-col :span="24"  class="Secoll" style="padding: 0 20px!important;">
                                        <div  class="show-self" style="font-size: 15px">
                                            <div style=" text-align: left">
                                                <span class="lableColor">考核情况：</span>
                                                <span class="valueStyle">{{item.annualAssessment||'暂无'}}</span>
                                            </div>
                                        </div>
                                    </el-col>
                                    <el-col :span="6" :offset="19">
                                        <el-popover
                                            placement="right"
                                            width="400"
                                            trigger="hover">
                                            <div  class="show-self" style="font-size: 15px">
                                                <div style=" text-align: left">
                                                    <span class="lableColor">考核情况：</span>
                                                    <span class="valueStyle">{{item.annualAssessment}}</span>
                                                </div>
                                            </div>
                                            <span v-if="item.annualAssessment" class="more" slot="reference">更多 >></span>
                                        </el-popover>
                                    </el-col>
                                </el-card>
                            </el-col>
                        </el-row>
                    </swiper-slide>
                </swiper>
            </el-col>
        </el-row>
        <el-dialog
          class="CsjDetail"
          title="查询结果"
          :visible.sync="dialogVisible"
          width="80%"
          append-to-body>
          <div v-if="JSON.stringify(this.currentSelectPerson) !== '{}'">
            <el-form label-position="right" label-width="80px" :model="currentSelectPerson">
                    <el-row :gutter="10" style="margin-top: 20px">
                        <el-col :span="16">
                            <el-card shadow="hover" style="height: 320px;" class="baseMassage">
                                <el-col :span="6">
                                    <div style="height: 320px"  >
                                        <el-image :src="currentSelectPerson.headSculpture" style="width: 160px;height: 240px;border-radius: 4px"></el-image>
                                        <div class="name-post1" >
                                            <div>
                                                {{currentSelectPerson.districtName || "暂无" }} --
                                                <span> {{currentSelectPerson.name || "暂无"}} </span>
                                            </div>
                                            <div > {{currentSelectPerson.quasiAssessmentRank || "职级评定中..."}} </div>
                                        </div>
                                    </div>
                                </el-col>
                              <el-col :span="18">
                                  <div class="cardTitleStyle">
                                      <el-image class="smallTitle" src="../../../static/img/csj/jbry.png"></el-image>
                                      <p>基本人员信息</p>
                                  </div>
                                  <el-col :span="12">
                                      <div class="baseInfoDiv">
                                          <span class="baseLabel">性别</span>
                                          <span class="baseVal">{{currentSelectPerson.sex||"暂无"}}</span>
                                      </div>
                                      <div class="baseInfoDiv">
                                          <span class="baseLabel">出生日期</span>
                                          <span class="baseVal">{{currentSelectPerson.birth||"暂无"}}</span>
                                      </div>
                                      <div class="baseInfoDiv">
                                          <span class="baseLabel">民族</span>
                                          <span class="baseVal">{{currentSelectPerson.nation||"暂无"}}</span>
                                      </div>
                                      <div class="baseInfoDiv">
                                          <span class="baseLabel">籍贯</span>
                                          <span class="baseVal">{{currentSelectPerson.nativePlace||"暂无"}}</span>
                                      </div>
                                      <div class="baseInfoDiv">
                                          <span class="baseLabel">健康情况</span>
                                          <span class="baseVal">{{currentSelectPerson.health||"暂无"}}</span>
                                      </div>
                                  </el-col>
                                  <el-col :span="12">
                                      <div class="baseInfoDiv">
                                          <span class="baseLabel">身份证号</span>
                                          <span class="baseVal">{{currentSelectPerson.identityCard||"暂无"}}
                                            <el-popover
                                                v-show="currentSelectPerson.identityCardAnnex"
                                                placement="right"
                                                width="330"
                                                trigger="hover">
                                                <div v-for=
                                                        "subItem in handleImage(currentSelectPerson.identityCardAnnex)" >
                                                    <el-image :src="subItem"></el-image>
                                                </div>
                                                <el-button slot="reference" type="text">
                                                    <div class="el-icon-picture fileIcon"></div>
                                                </el-button>
                                            </el-popover>
                                        </span>
                                      </div>
                                      <div class="baseInfoDiv">
                                          <span class="baseLabel">联系电话</span>
                                          <span class="baseVal">{{currentSelectPerson.contact||"暂无"}}</span>
                                      </div>
                                      <div class="baseInfoDiv">
                                          <span class="baseLabel">学历</span>
                                          <span class="baseVal">{{currentSelectPerson.education||"暂无"}}
                                            <el-popover
                                                v-show="currentSelectPerson.educationAnnex"
                                                placement="right"
                                                width="330"
                                                trigger="hover">
                                                <div v-for="subItem in handleImage(currentSelectPerson.educationAnnex)" >
                                                    <el-image :src="subItem"></el-image>
                                                </div>
                                                <el-button slot="reference" type="text">
                                                    <div class="el-icon-picture fileIcon"></div>
                                                </el-button>
                                            </el-popover>
                                        </span>
                                      </div>
                                      <div class="baseInfoDiv">
                                          <span class="baseLabel">入党时间</span>
                                          <span class="baseVal">{{currentSelectPerson.partyTime||"暂无"}}
                                            <el-popover
                                                v-show="currentSelectPerson.partyTimeAnnex"
                                                placement="right"
                                                width="330"
                                                trigger="hover">
                                                <div v-for="subItem in handleImage(currentSelectPerson.partyTimeAnnex)" >
                                                    <el-image :src="subItem"></el-image>
                                                </div>
                                                <el-button slot="reference" type="text">
                                                    <div class="el-icon-picture fileIcon"></div>
                                                </el-button>
                                            </el-popover>
                                        </span>
                                      </div>
                                      <div class="baseInfoDiv">
                                          <span class="baseLabel">出生地</span>
                                          <span class="baseVal">{{currentSelectPerson.birthPlace||"暂无"}}</span>
                                      </div>
                                  </el-col>
                              </el-col>
                            </el-card>
                        </el-col>
                        <el-col :span="8">
                            <el-card shadow="hover" style="height: 320px" class="workMessage">
                                <div class="cardTitleStyle">
                                    <el-image  class="smallTitle" src="../../../static/img/csj/gz.png"></el-image>
                                    <p>基本工作信息</p>
                                </div>
                                <el-col :span="12">
                                    <div class="baseInfoDiv">
                                        <span class="baseLabel">任职时长</span>
                                        <span class="baseVal">{{currentSelectPerson.onDutyTime?currentSelectPerson.onDutyTime+'年':"暂无"}}
                                            <span>{{currentSelectPerson.onDutyMonth?currentSelectPerson.onDutyMonth+'月':" "}}</span>
                                            <el-popover
                                                v-show="currentSelectPerson.workTimeAnnex"
                                                placement="right"
                                                width="330"
                                                trigger="hover">
                                                <div v-for="subItem in handleImage(currentSelectPerson.workTimeAnnex)" >
                                                    <el-image :src="subItem"></el-image>
                                                </div>
                                                <el-button slot="reference" type="text">
                                                    <div class="el-icon-picture fileIcon"></div>
                                                </el-button>
                                            </el-popover>
                                        </span>
                                    </div>
                                    <div class="baseInfoDiv">
                                        <span class="baseLabel">现任职级</span>
                                        <span class="baseVal">{{currentSelectPerson.quasiAssessmentRank||"暂无"}}</span>
                                    </div>
                                    <div class="baseInfoDiv">
                                        <span class="baseLabel">现任职级时间</span>
                                        <span class="baseVal">{{currentSelectPerson.termOfOffice||"暂无"}}</span>
                                    </div>
                                </el-col>
                                <el-col  :span="12">
                                    <div class="baseInfoDiv">
                                        <span class="baseLabel">人员类型</span>
                                        <span class="baseVal">{{currentSelectPerson.personnelType||"暂无"}}</span>
                                    </div>
                                    <div class="baseInfoDiv">
                                        <span class="baseLabel">专技职称</span>
                                        <span class="baseVal">{{currentSelectPerson.professionalTitle||"暂无"}}
                                            <el-popover
                                                v-show="currentSelectPerson.professionalTitleAnnex"
                                                placement="bottom"
                                                width="330"
                                                trigger="hover">
                                                <div v-for="subItem in handleImage(currentSelectPerson.professionalTitleAnnex)" >
                                                    <el-image :src="subItem"></el-image>
                                                </div>
                                                <el-button slot="reference" type="text">
                                                    <div class="el-icon-picture fileIcon"></div>
                                                </el-button>
                                            </el-popover>
                                        </span>
                                    </div>
                                    <div class="baseInfoDiv">
                                        <span class="baseLabel">到村时间</span>
                                        <span class="baseVal">{{currentSelectPerson.workTime||"暂无"}}</span>
                                    </div>
                                </el-col>
                            </el-card>
                        </el-col >
                    </el-row>
            </el-form>
            <el-row :gutter="10" style="margin-top: 40px">
                      <el-col :span="8">
                        <el-card shadow="hover"  class="repaid">
                          <div class="cardTitleStyle">
                              <el-image  class="smallTitle" src="../../../static/img/csj/bc.png"></el-image>
                              <p>社会保险信息</p>
                          </div>
                          <div class="insurance_box">
                                  <div class="baseInfoDiv insurance_line">
                                    <span class="baseLabel">医疗保险</span>
                                    <span class="baseVal">{{currentSelectPerson.medicalInsurance||"暂无"}}</span>
                                  </div>
                                  <!-- <div class="baseInfoDiv insurance_line">
                                    <span class="baseLabel">参保时间</span>
                                    <span class="baseVal">{{currentSelectPerson.insuredTime||"暂无"}}</span>
                                  </div>
                                  <div class="baseInfoDiv insurance_line">
                                    <span class="baseLabel">缴费年限(月)</span>
                                    <span class="baseVal">{{currentSelectPerson.insurancePaymentPeriod ? currentSelectPerson.insurancePaymentPeriod + '月' : "暂无"}}</span>
                                  </div>
                                  <div class="baseInfoDiv insurance_line">
                                    <el-tooltip class="item" effect="dark" content="当前一级账户余额" placement="top">
                                      <span class="baseLabel">当前一级账...</span>
                                    </el-tooltip>
                                    <span class="baseVal">{{currentSelectPerson.primaryAccountBalance||"暂无"}}</span>
                                  </div>
                                  <div class="baseInfoDiv insurance_line">
                                    <el-tooltip class="item" effect="dark" content="当前二级账户余额" placement="top">
                                      <span class="baseLabel">当前二级账...</span>
                                    </el-tooltip>
                                    <span class="baseVal">{{currentSelectPerson.secondaryAccountBalance||"暂无"}}</span>
                                  </div>
                                  <div class="baseInfoDiv insurance_line">
                                    <el-tooltip class="item" effect="dark" content="当前医保账户余额" placement="top">
                                      <span class="baseLabel">当前医保账...</span>
                                    </el-tooltip>
                                    <span class="baseVal">{{currentSelectPerson.insuranceAccountBalance||"暂无"}}</span>
                                  </div> -->
                                </div>
                                  <div class="baseInfoDiv insurance_line">
                                    <span class="baseLabel">养老保险</span>
                                    <span class="baseVal">{{currentSelectPerson.socialSecurityDatabases||"暂无"}}</span>
                                  </div>
                                  <div class="baseInfoDiv insurance_line">
                                    <span class="baseLabel">缴费年限</span>
                                    <span class="baseVal">{{currentSelectPerson.paymentPeriod||"暂无"}}</span>
                                  </div>
                                  <div class="baseInfoDiv insurance_line">
                                    <el-tooltip class="item" effect="dark" content="上年账户累计储存额" placement="top">
                                      <span class="baseLabel">上年账户累...</span>
                                    </el-tooltip>
                                    <span class="baseVal">{{currentSelectPerson.depositBalance||"暂无"}}</span>
                                  </div>
                                  <div class="baseInfoDiv insurance_line">
                                    <span class="baseLabel">在职/退休</span>
                                    <span class="baseVal">{{currentSelectPerson.hasOnTheJob||"暂无"}}</span>
                                  </div>
                                  <div v-if="currentSelectPerson.retirementWage" class="baseInfoDiv insurance_line">
                                    <span class="baseLabel">退休工资</span>
                                    <span class="baseVal">{{currentSelectPerson.retirementWage}}</span>
                                  </div>
                        </el-card>
                      </el-col>
                      <el-col :span="8">
                          <el-card shadow="hover"  class="workExperience">
                              <div class="cardTitleStyle">
                                  <el-image  class="smallTitle" src="../../../static/img/csj/jl.png"></el-image>
                                  <p>工作简历</p>
                              </div>
                              <el-col :span="24"  class="Secoll Secoll_workExperience"  style="padding:0px 20px!important;">
                                  <el-timeline  :reverse="true">
                                      <el-timeline-item
                                          v-for="(activity, index) in handleWorkExperience(currentSelectPerson.workExperience)"
                                          :key="index" style="text-align: left">
                                          {{activity}}
                                      </el-timeline-item>
                                  </el-timeline>
                              </el-col>
                              <el-col :span="6" :offset="19" v-if="handleWorkExperience(currentSelectPerson.workExperience).length>1">
                                  <el-popover
                                      placement="right"
                                      width="400"
                                      trigger="hover">
                                      <el-timeline  :reverse="true">
                                          <el-timeline-item
                                              v-for="(activity, index) in handleWorkExperience(currentSelectPerson.workExperience)"
                                              :key="index" style="text-align: left">
                                              {{activity}}
                                          </el-timeline-item>
                                      </el-timeline>
                                      <span class="more" slot="reference">更多 >></span>
                                  </el-popover>
                              </el-col>
                          </el-card>
                      </el-col>
                      <el-col :span="8">
                          <el-card shadow="hover"  class="repaid" >
                              <div class="cardTitleStyle">
                                  <el-image  class="smallTitle" src="../../../static/img/csj/bc.png"></el-image>
                                  <p>报酬情况</p>
                              </div>
                              <el-col :span="24" class="Secoll">
                                  <div v-if="currentSelectPerson.rewards.length===0">
                                      <el-image  style="width: 285px;height: 100px" src="../../../static/img/nrzw.png"></el-image>
                                  </div>
                                  <div v-else style="padding:25px 0 0 20px">
                                      <el-col :span="12" class="baseInfoCard">
                                          <span class="baseCardLabel">获取时间</span>
                                          <span class="baseCardVal">{{currentSelectPerson.rewards[0].achieveTime ? new Date(currentSelectPerson.rewards[0].achieveTime).getFullYear() + '年' : '未填'}}</span>
                                      </el-col>
                                      <el-col :span="12" class="baseInfoCard">
                                          <span class="baseCardLabel">基本报酬(元/年)</span>
                                          <span class="baseCardVal">{{currentSelectPerson.rewards[0].basicReward||0}}</span>
                                      </el-col>
                                      <el-col :span="12" class="baseInfoCard">
                                          <span class="baseCardLabel">考核报酬(元/年)</span>
                                          <span class="baseCardVal">{{currentSelectPerson.rewards[0].reviewReward||0}}</span>
                                      </el-col>
                                      <el-col :span="12" class="baseInfoCard">
                                          <span class="baseCardLabel">增收奖励(元/年)</span>
                                          <span class="baseCardVal">{{currentSelectPerson.rewards[0].otherReward||0}}</span>
                                      </el-col>
                                      <el-col :span="12" class="baseInfoCard">
                                          <span class="baseCardLabel">其他(元/年)</span>
                                          <span class="baseCardVal">{{currentSelectPerson.rewards[0].des||0}}</span>
                                      </el-col>
                                      <el-col :span="12" class="baseInfoCard">
                                          <span class="baseCardLabel">总报酬(元/年)</span>
                                          <span class="baseCardVal">{{currentSelectPerson.rewards[0].totalReward}}</span>
                                      </el-col>
                                      <el-col :span="12" class="baseInfoCard">
                                          <span class="baseCardLabel">佐证材料</span>
                                          <span class="baseCardVal">
                                              <el-popover
                                                  placement="right"
                                                  width="400"
                                                  trigger="hover" v-if="currentSelectPerson.rewards[0].supportDoc">
                                                  <div v-for="subItem in handleImage(currentSelectPerson.rewards[0].supportDoc)" >
                                                      <el-image :src="subItem"></el-image>
                                                  </div>
                                                  <el-button slot="reference" type="text">
                                                      <div class="el-icon-picture fileIcon"></div>
                                                  </el-button>
                                              </el-popover>
                                              <span v-else>暂无</span>
                                          </span>
                                      </el-col>
                                  </div>
                              </el-col>
                              <el-col :span="6" :offset="19">
                                  <el-popover
                                      placement="right"
                                      width="480"
                                      trigger="hover">
                                      <div class="popoverScroll">
                                          <div v-for="sub in currentSelectPerson.rewards">
                                              <el-col :span="12" class="baseInfoCard">
                                                  <span class="baseCardLabel">获取时间</span>
                                                  <span class="baseCardVal">{{sub.achieveTime ? new Date(sub.achieveTime).getFullYear() + '年' : '未填'}}</span>
                                              </el-col>
                                              <el-col :span="12" class="baseInfoCard">
                                                  <span class="baseCardLabel">基本报酬(元/年)</span>
                                                  <span class="baseCardVal">{{sub.basicReward||0}}</span>
                                              </el-col>
                                              <el-col :span="12" class="baseInfoCard">
                                                  <span class="baseCardLabel">考核报酬(元/年)</span>
                                                  <span class="valueStyle">{{sub.reviewReward}}</span>
                                              </el-col>
                                              <el-col :span="12" class="baseInfoCard">
                                                  <span class="baseCardLabel">增收奖励(元/年)</span>
                                                  <span class="baseCardVal">{{sub.otherReward||0}}</span>
                                              </el-col>
                                              <el-col :span="12" class="baseInfoCard">
                                                  <span class="baseCardLabel">其他(元/年)</span>
                                                  <span class="baseCardVal">{{sub.des||0}}</span>
                                              </el-col>
                                              <el-col :span="12" class="baseInfoCard">
                                                  <span class="baseCardLabel">总报酬(元/年)</span>
                                                  <span class="baseCardVal">{{sub.totalReward||0}}</span>
                                              </el-col>
                                              <el-col :span="24" class="baseInfoCard" v-if="sub.supportDoc" >
                                                  <span class="baseCardLabel">佐证材料</span>
                                                  <div v-for="subItem in handleImage(sub.supportDoc)" class="popoverImage">
                                                      <el-image :src="subItem" ></el-image>
                                                  </div>
                                              </el-col>
                                              <el-col :span="24" class="baseInfoCard" v-else>
                                                  <span class="baseCardLabel">佐证材料</span>
                                                  <span class="baseCardLongVal">暂无</span>
                                              </el-col>
                                              <hr class="popoverLine">
                                          </div>
                                      </div>
                                      <span class="more" slot="reference" v-if="currentSelectPerson.rewards.length>1">更多 >></span>
                                  </el-popover>
                              </el-col>
                          </el-card>
                      </el-col>
            </el-row>
            <el-row :gutter="10" style="margin-top: 40px">
                      <el-col :span="8">
                          <el-card shadow="hover"  class="family">
                              <div class="cardTitleStyle">
                                  <el-image  class="smallTitle" src="../../../static/img/csj/gx.png"></el-image>
                                  <p>家庭主要成员及社会关系</p>
                              </div>
                              <el-col :span="24"  class="Secoll" >
                                  <div v-if="currentSelectPerson.familyInfoVOS.length===0">
                                      <el-image  style="width: 285px;height: 100px" src="../../../static/img/nrzw.png"></el-image>
                                  </div>
                                  <div v-else style="padding: 30px 0 0 20px">
                                      <el-col :span="12" class="baseInfoCard">
                                          <span class="baseCardLabel">姓名</span>
                                          <span class="baseCardVal">{{currentSelectPerson.familyInfoVOS[0].name||"暂无"}}</span>
                                      </el-col>
                                      <el-col :span="12" class="baseInfoCard">
                                          <span class="baseCardLabel">称谓</span>
                                          <span class="baseCardVal">{{currentSelectPerson.familyInfoVOS[0].appellation||"暂无"}}</span>
                                      </el-col>
                                      <el-col :span="12" class="baseInfoCard">
                                          <span class="baseCardLabel">出生年月</span>
                                          <span class="baseCardVal">{{currentSelectPerson.familyInfoVOS[0].birthDay||"暂无"}}</span>
                                      </el-col>
                                      <el-col :span="12" class="baseInfoCard">
                                          <span class="baseCardLabel">政治面貌</span>
                                          <span class="baseCardVal">{{currentSelectPerson.familyInfoVOS[0].politicalStatus||"暂无"}}</span>
                                      </el-col>
                                      <el-col :span="24" class="baseInfoCard">
                                          <span class="baseCardLabel">工作单位及职务</span>
                                          <span class="baseCardLongVal" >{{currentSelectPerson.familyInfoVOS[0].orgAndJob||"暂无"}}</span>
                                      </el-col>
                                  </div>
                              </el-col>
                              <el-col :span="6" :offset="19">
                                  <el-popover
                                      placement="right"
                                      width="480"
                                      trigger="hover"
                                  >
                                      <div class="popoverScroll">
                                          <div v-for="sub in currentSelectPerson.familyInfoVOS">
                                              <el-col :span="12" class="baseInfoCard">
                                                  <span class="baseCardLabel">姓名</span>
                                                  <span class="baseCardVal">{{sub.name||"暂无"}}</span>
                                              </el-col>
                                              <el-col :span="12" class="baseInfoCard">
                                                  <span class="baseCardLabel">称谓</span>
                                                  <span class="baseCardVal">{{sub.appellation||"暂无"}}</span>
                                              </el-col>
                                              <el-col :span="12" class="baseInfoCard">
                                                  <span class="baseCardLabel">出生年月</span>
                                                  <span class="baseCardVal">{{sub.birthDay||"暂无"}}</span>
                                              </el-col>
                                              <el-col :span="12" class="baseInfoCard">
                                                  <span class="baseCardLabel">政治面貌</span>
                                                  <span class="baseCardVal">{{sub.politicalStatus||"暂无"}}</span>
                                              </el-col>
                                              <el-col :span="24" class="baseInfoCard">
                                                  <span class="baseCardLabel">工作单位及职务</span>
                                                  <span class="baseCardLongVal">{{sub.orgAndJob||"暂无"}}</span>
                                              </el-col>
                                              <hr class="popoverLine">
                                          </div>
                                      </div>
                                      <span class="more" slot="reference" v-if="currentSelectPerson.familyInfoVOS.length>1">更多 >></span>
                                  </el-popover>
                              </el-col>

                          </el-card>
                      </el-col>
                      <el-col :span="8">
                          <el-card shadow="hover"  class="inCountry">
                              <div class="cardTitleStyle">
                                  <el-image  class="smallTitle" src="../../../static/img/csj/relation.png"></el-image>
                                  <p>在村工作具有近亲属关系人员</p>
                              </div>
                              <el-col :span="24"  class="Secoll">
                                  <div v-if="currentSelectPerson.familyWorkInfoVOS.length===0">
                                      <el-image  style="width: 285px;height: 100px" src="../../../static/img/nrzw.png"></el-image>
                                  </div>
                                  <div v-else>
                                      <el-col :span="12" class="baseInfoCard">
                                          <span class="baseCardLabel">姓名</span>
                                          <span class="baseCardVal">{{currentSelectPerson.familyWorkInfoVOS[0].name||"暂无"}}</span>
                                      </el-col>
                                      <el-col :span="12" class="baseInfoCard">
                                          <span class="baseCardLabel">称谓</span>
                                          <span class="baseCardVal">{{currentSelectPerson.familyWorkInfoVOS[0].appellation||"暂无"}}</span>
                                      </el-col>
                                      <el-col :span="12" class="baseInfoCard">
                                          <span class="baseCardLabel">政治面貌</span>
                                          <span class="baseCardVal">{{currentSelectPerson.familyWorkInfoVOS[0].politicalStatus||"暂无"}}</span>
                                      </el-col>
                                      <el-col :span="12" class="baseInfoCard">
                                          <span class="baseCardLabel">职务</span>
                                          <span class="baseCardVal">{{currentSelectPerson.familyWorkInfoVOS[0].job||"暂无"}}</span>
                                      </el-col>
                                      <el-col :span="12" class="baseInfoCard">
                                          <span class="baseCardLabel">在村工作时长</span>
                                          <span class="baseCardVal">{{currentSelectPerson.familyWorkInfoVOS[0].duration ? currentSelectPerson.familyWorkInfoVOS[0].duration + '年' : '暂无'}}</span>
                                      </el-col>
                                  </div>
                              </el-col>
                              <el-col :span="6" :offset="19">
                                  <el-popover
                                      placement="right"
                                      width="480"
                                      trigger="hover">
                                      <div class="popoverScroll">
                                          <div  v-for="sub in currentSelectPerson.familyWorkInfoVOS">
                                              <el-col :span="12" class="baseInfoCard">
                                                  <span class="baseCardLabel">姓名</span>
                                                  <span class="baseCardVal">{{sub.name||"暂无"}}</span>
                                              </el-col>
                                              <el-col :span="12" class="baseInfoCard">
                                                  <span class="baseCardLabel">称谓</span>
                                                  <span class="baseCardVal">{{sub.appellation||"暂无"}}</span>
                                              </el-col>
                                              <el-col :span="12" class="baseInfoCard">
                                                  <span class="baseCardLabel">政治面貌</span>
                                                  <span class="baseCardVal">{{sub.politicalStatus||"暂无"}}</span>
                                              </el-col>
                                              <el-col :span="12" class="baseInfoCard">
                                                  <span class="baseCardLabel">职务</span>
                                                  <span class="baseCardVal">{{sub.job||"暂无"}}</span>
                                              </el-col>
                                              <el-col :span="24" class="baseInfoCard">
                                                  <span class="baseCardLabel">在村工作时长</span>
                                                  <span class="baseCardLongVal">{{sub.duration ? sub.duration + '年' : '暂无'}}</span>
                                              </el-col>
                                              <hr class="popoverLine">
                                          </div>
                                      </div>
                                      <span class="more" slot="reference" v-if="currentSelectPerson.familyWorkInfoVOS.length>1">更多 >></span>
                                  </el-popover>
                              </el-col>
                          </el-card>
                      </el-col>
                      <el-col :span="8">
                          <el-card shadow="hover" class="honer" >
                              <div class="cardTitleStyle">
                                  <el-image  class="smallTitle"  src="../../../static/img/csj/jc.png"></el-image>
                                  <p>奖惩情况</p>
                              </div>
                              <el-col :span="24" class="Secoll"  >
                                  <div v-if="currentSelectPerson.honours.length===0">
                                      <el-image  style="width: 285px;height: 100px" src="../../../static/img/nrzw.png"></el-image>
                                  </div>
                                  <div v-else>
                                      <el-col :span="12" class="baseInfoCard">
                                          <span class="baseCardLabel">奖或惩</span>
                                          <span class="baseCardVal">{{currentSelectPerson.honours[0].rewardsType||"暂无"}}</span>
                                      </el-col>
                                      <el-col :span="12" class="baseInfoCard">
                                          <span class="baseCardLabel">时间</span>
                                          <span class="baseCardVal">{{currentSelectPerson.honours[0].achieveTime ? currentSelectPerson.honours[0].achieveTime.slice(0,4) : "暂无"}}</span>
                                      </el-col>
                                      <el-col :span="12" class="baseInfoCard" v-show="currentSelectPerson.honours[0].rewardsType == '表彰'">
                                          <span class="baseCardLabel">表彰级别</span>
                                          <span class="baseCardVal">{{currentSelectPerson.honours[0].honourDescription||"暂无"}}</span>
                                      </el-col>
                                      <el-col :span="12" class="baseInfoCard" v-show="currentSelectPerson.honours[0].rewardsType == '表彰'">
                                          <span class="baseCardLabel">特殊表彰</span>
                                          <span class="baseCardVal">{{currentSelectPerson.honours[0].honourType||'暂无'}}</span>
                                      </el-col>
                                      <el-col :span="24" class="baseInfoCard" >
                                          <span class="baseCardLabel">奖惩内容</span>
                                          <span class="baseCardLongVal">{{currentSelectPerson.honours[0].content||'暂无'}}</span>
                                      </el-col>
                                      <el-col :span="12" class="baseInfoCard">
                                          <span class="baseCardLabel">佐证材料</span>
                                          <span class="baseCardVal">
                                              <el-popover
                                                  placement="right"
                                                  width="400"
                                                  trigger="hover" v-if="currentSelectPerson.honours[0].supportDoc">
                                                  <div v-for="subItem in handleImage(currentSelectPerson.honours[0].supportDoc)" >
                                                      <el-image :src="subItem"></el-image>
                                                  </div>
                                                  <el-button slot="reference" type="text">
                                                      <div class="el-icon-picture fileIcon"></div>
                                                  </el-button>
                                              </el-popover>
                                              <span v-else>暂无</span>
                                          </span>
                                      </el-col>
                                  </div>
                              </el-col>
                              <el-col :span="6" :offset="19">
                                  <el-popover
                                      placement="right"
                                      width="480"
                                      trigger="hover">
                                      <div class="popoverScroll">
                                          <div v-for="sub in currentSelectPerson.honours" >
                                              <el-col :span="12" class="baseInfoCard">
                                                  <span class="baseCardLabel">奖或惩</span>
                                                  <span class="baseCardVal">{{sub.rewardsType||"暂无"}}</span>
                                              </el-col>
                                              <el-col :span="12" class="baseInfoCard">
                                                  <span class="baseCardLabel">时间</span>
                                                  <span class="baseCardVal">{{sub.achieveTime ? sub.achieveTime.slice(0,4) : "暂无"}}</span>
                                              </el-col>
                                              <el-col :span="12" class="baseInfoCard" v-show="sub.rewardsType == '表彰'">
                                                  <span class="baseCardLabel">表彰级别</span>
                                                  <span class="baseCardVal">{{sub.honourDescription||"暂无"}}</span>
                                              </el-col>
                                              <el-col :span="12" class="baseInfoCard" v-show="sub.rewardsType == '表彰'">
                                                  <span class="baseCardLabel">特殊表彰</span>
                                                  <span class="baseCardVal">{{sub.honourType||'暂无'}}</span>
                                              </el-col>
                                              <el-col :span="24" class="baseInfoCard" >
                                                  <span class="baseCardLabel">奖惩内容</span>
                                                  <span class="baseCardLongVal">{{sub.content||"暂无"}}</span>
                                              </el-col>
                                              <el-col :span="24" class="baseInfoCard" v-if="sub.supportDoc">
                                                  <span class="baseCardLabel">佐证材料</span>
                                                  <div v-for="subItem in handleImage(sub.supportDoc)" class="popoverImage">
                                                      <el-image :src="subItem"></el-image>
                                                  </div>
                                              </el-col>
                                              <el-col :span="24"  class="baseInfoCard" v-else>
                                                  <label><span class="baseCardLabel">佐证材料</span>
                                                      <span class="baseCardLongVal" >暂无</span>
                                                  </label>
                                              </el-col>
                                              <hr class="popoverLine">
                                          </div>
                                      </div>
                                      <span class="more" slot="reference" v-if="currentSelectPerson.honours.length>1">更多 >></span>
                                  </el-popover>
                              </el-col>
                          </el-card>
                      </el-col>
            </el-row>
            <el-row :gutter="10" style="margin-top: 40px">
                      <el-col :span="8">
                          <el-card shadow="hover" class="train" >
                              <div class="cardTitleStyle" >
                                  <el-image  class="smallTitle"  src="../../../static/img/csj/px.png"></el-image>
                                  <p style="margin-left: 10px">培训情况</p>
                              </div>
                              <el-col :span="24"  class="Secoll">
                                  <div v-if="currentSelectPerson.trainingInfoVOS.length===0">
                                      <el-image  style="width: 285px;height: 100px" src="../../../static/img/nrzw.png"></el-image>
                                  </div>
                                  <div v-else>
                                      <el-col :span="24" class="baseInfoCard">
                                          <span class="baseCardLabel">培训名称</span>
                                          <span class="baseCardLongVal">
                                              <el-tooltip :content="currentSelectPerson.trainingInfoVOS[0].trainingName" placement="top" v-if="currentSelectPerson.trainingInfoVOS[0].trainingName&&currentSelectPerson.trainingInfoVOS[0].trainingName.length>22">
                                                <span>{{currentSelectPerson.trainingInfoVOS[0].trainingName.substring(0,21)}}...</span>
                                              </el-tooltip>
                                              <span v-else>
                                                  {{currentSelectPerson.trainingInfoVOS[0].trainingName||"暂无"}}
                                              </span>
                                          </span>
                                      </el-col>
                                      <el-col :span="12" class="baseInfoCard">
                                          <span class="baseCardLabel">培训类型</span>
                                          <span class="baseCardVal">{{currentSelectPerson.trainingInfoVOS[0].trainingType||"暂无"}}</span>
                                      </el-col>
                                      <el-col :span="12" class="baseInfoCard">
                                          <span class="baseCardLabel">培训等级</span>
                                          <span class="baseCardVal">{{currentSelectPerson.trainingInfoVOS[0].trainingGrade||"暂无"}}</span>
                                      </el-col>
                                      <el-col :span="12" class="baseInfoCard">
                                          <span class="baseCardLabel">培训时间</span>
                                          <span class="baseCardVal">{{currentSelectPerson.trainingInfoVOS[0].trainingDuration||"暂无"}}</span>
                                      </el-col>
                                      <el-col :span="12" class="baseInfoCard">
                                          <span class="baseCardLabel">培训天数</span>
                                          <span class="baseCardVal">{{currentSelectPerson.trainingInfoVOS[0].trainingDays||"暂无"}}</span>
                                      </el-col>
                                      <el-col :span="24" class="baseInfoCard">
                                          <span class="baseCardLabel">培训内容</span>
                                          <span class="baseCardLongVal">
                                              {{currentSelectPerson.trainingInfoVOS[0].content||"暂无"}}</span>
                                      </el-col>
                                      <el-col :span="12" class="baseInfoCard">
                                          <span class="baseCardLabel">培训成果</span>
                                          <span class="baseCardVal">
                                              <el-tooltip :content="currentSelectPerson.trainingInfoVOS[0].trainingResults" placement="top" v-if="currentSelectPerson.trainingInfoVOS[0].trainingResults&&currentSelectPerson.trainingInfoVOS[0].trainingResults.length>7">
                                                <span>{{currentSelectPerson.trainingInfoVOS[0].trainingResults.substring(0,5)}}...</span>
                                              </el-tooltip>
                                              <span v-else>
                                                  {{currentSelectPerson.trainingInfoVOS[0].trainingResults||"暂无"}}
                                              </span>
                                          </span>
                                      </el-col>
                                      <el-col :span="12" class="baseInfoCard">
                                          <span class="baseCardLabel">佐证材料</span>
                                          <span class="baseCardVal">
                                              <el-popover
                                                  placement="right"
                                                  width="400"
                                                  trigger="hover" v-if="currentSelectPerson.trainingInfoVOS[0].supportDoc">
                                                  <div v-for="subItem in handleImage(currentSelectPerson.trainingInfoVOS[0].supportDoc)" >
                                                      <el-image :src="subItem"></el-image>
                                                  </div>
                                                  <el-button slot="reference" type="text">
                                                      <div class="el-icon-picture fileIcon"></div>
                                                  </el-button>
                                              </el-popover>
                                              <span v-else>暂无</span>
                                          </span>
                                      </el-col>
                                  </div>
                              </el-col>
                              <el-col :span="6" :offset="19">
                                  <el-popover
                                      placement="right"
                                      width="480"
                                      trigger="hover">
                                      <div class="popoverScroll">
                                          <div v-for="sub in currentSelectPerson.trainingInfoVOS" >
                                              <el-col :span="24" class="baseInfoCard">
                                                  <span class="baseCardLabel">培训名称</span>
                                                  <span class="baseCardLongVal">{{sub.trainingName||"暂无"}}</span>
                                              </el-col>
                                              <el-col :span="12" class="baseInfoCard">
                                                  <span class="baseCardLabel">培训类型</span>
                                                  <span class="baseCardVal">{{sub.trainingType||"暂无"}}</span>
                                              </el-col>
                                              <el-col :span="12" class="baseInfoCard">
                                                  <span class="baseCardLabel">培训等级</span>
                                                  <span class="baseCardVal">{{sub.trainingGrade||"暂无"}}</span>
                                              </el-col>
                                              <el-col :span="12" class="baseInfoCard">
                                                  <span class="baseCardLabel">培训时间</span>
                                                  <span class="baseCardVal">{{sub.trainingDuration||"暂无"}}</span>
                                              </el-col>
                                              <el-col :span="12" class="baseInfoCard">
                                                  <span class="baseCardLabel">培训天数</span>
                                                  <span class="baseCardVal">{{sub.trainingDays||"暂无"}}</span>
                                              </el-col>
                                              <el-col :span="24" class="baseInfoCard">
                                                  <span class="baseCardLabel">培训内容</span>
                                                  <span class="baseCardLongVal">{{sub.content||"暂无"}}</span>
                                              </el-col>
                                              <el-col :span="24" class="baseInfoCard">
                                                  <span class="baseCardLabel">培训成果</span>
                                                  <span class="baseCardLongVal">{{sub.trainingResults||"暂无"}}</span>
                                              </el-col>

                                              <el-col :span="24" class="baseInfoCard" v-if="sub.supportDoc">
                                                <span class="baseCardLabel">佐证材料</span>
                                                  <div v-for="subItem in handleImage(sub.supportDoc)" class="popoverImage">
                                                      <el-image :src="subItem"></el-image>
                                                  </div>
                                              </el-col>
                                              <el-col :span="24"  class="baseInfoCard"  v-else>
                                                  <label><span class="baseCardLabel">佐证材料</span>
                                                      <span class="baseCardLongVal" >暂无</span>
                                                  </label>
                                              </el-col>
                                              <hr class="popoverLine">
                                          </div>
                                      </div>
                                      <span class="more" slot="reference" v-if="currentSelectPerson.trainingInfoVOS.length>1">更多 >></span>
                                  </el-popover>
                              </el-col>
                          </el-card>
                      </el-col>
            </el-row>
            <el-row :gutter="10" style="margin: 40px 0">
                    <el-col :span="24">
                        <el-card shadow="hover"  class="assessment" >
                            <div class="cardTitleStyle">
                                <el-image class="smallTitle" src="../../../static/img/csj/kh.png"></el-image>
                                <p>考核情况</p>
                            </div>
                            <el-col :span="24"  class="Secoll" style="padding: 0 20px!important;">
                                <div  class="show-self" style="font-size: 15px">
                                    <div style=" text-align: left">
                                        <span class="lableColor">考核情况：</span>
                                        <span class="valueStyle">{{currentSelectPerson.annualAssessment||'暂无'}}</span>
                                    </div>
                                </div>
                            </el-col>
                            <el-col :span="6" :offset="19">
                                <el-popover
                                    placement="right"
                                    width="400"
                                    trigger="hover">
                                    <div  class="show-self" style="font-size: 15px">
                                        <div style=" text-align: left">
                                            <span class="lableColor">考核情况：</span>
                                            <span class="valueStyle">{{currentSelectPerson.annualAssessment}}</span>
                                        </div>
                                    </div>
                                    <span v-if="currentSelectPerson.annualAssessment" class="more" slot="reference">更多 >></span>
                                </el-popover>
                            </el-col>
                        </el-card>
                    </el-col>
            </el-row>
          </div>
        </el-dialog>
    </div>

</template>


<script>
    import Waterfall from 'vue-waterfall/lib/waterfall'
    import WaterfallSlot from 'vue-waterfall/lib/waterfall-slot'
    import { swiper, swiperSlide } from 'vue-awesome-swiper';
    import SecretaryEdit from "./SecretaryEdit";
    export default {
        name: "CsjDetail",
        props: {
            isFromList: {
                type: Boolean,
                default: false
            },
            isEdit: {
                type: Boolean,
                default: false
            },
        },
        data(){
            return{
                activities:[],
                user: {},
                isHasTask: false,
                endTime: "",
                swiperOptionTop: {
                    spaceBetween: 15,
                },
                swiperOptionThumbs: {
                    slidesPerView : 9,//这个设置多少就会显示多少
                    spaceBetween : 15,//这个是轮播的间距
                    loopAdditionalSlides : 2,
                    centeredSlides: true,
                    touchRatio: 0.2,
                    slideToClickedSlide: true,
                    prevButton:'.swiper-button-prev',
                    nextButton:'.swiper-button-next',
                    onSlideChangeEnd: (swiper) => {
                        this.activeIndex = swiper.activeIndex;
                        this.currentSecretary = this.cadList[swiper.activeIndex];
                    },
                },
                cadList:[],
                zhenList : [],
                trackLoad:false,
                currentSecretary: {},
                currentTownIndex: 0,
                activeIndex: 4,
                queryVal: '',
                options: [],
                state: '',
                currentSelectPerson: {},
                dialogVisible: false,
                searchLoading: false
            }
        },
        methods:{
            //身份证移入的效果
            sfzCl:function (clPhone) {
                this.zzcl = clPhone;
            },
            leave:function () {
                this.zzcl = '../../../static/img/zwzz.png';
            },
            //工作简历时间线
            handleWorkExperience(workExperience) {
                if (!workExperience) {
                    return ["暂无工作简历信息！"];
                }
                return workExperience.split(/[\n]/);
            },
            shRcord(id){
                this.$http('POST',`identity/informationAudit/list?sort=createdAt,desc`,
                    {villageId: id ,processType:'基本信息更新'},false).then(data => {
                    this.activities = [];
                    for (let i=0;i<data.length;i++){
                        let obj = {};
                        obj.modifiedAt = new Date(data[i].modifiedAt).Format("yyyy-MM-dd HH:mm");
                        obj.auditor = data[i].auditor;
                        obj.auditAdvice = data[i].auditAdvice;
                        obj.status = data[i].status;
                        this.activities.push(obj);
                    }
                });
            },
            showBaseInfo(districtId){
                return this.$http('POST',`identity/villageCadres/list`, {cadresType: "SECRETARY",districtId: districtId, hasRetire: '0'},false).then(data => {
                    return data
                });
            },
            handleWorkExperience(workExperience) {
                if (!workExperience) {
                    return ["暂无工作简历信息！"];
                }
                return workExperience.split(/[\n]/);
            },
            handleImage(imageUrl){
                let arr = [];
                if(imageUrl){
                    if(imageUrl.indexOf(',')>-1){
                        imageUrl.split(',').forEach(item => {
                            arr.push(item.split('&')[0]);
                        })
                    }else{
                        arr.push(imageUrl.split('&')[0]);
                    }
                }
                return arr;
            },
            checkIsHasTask() {
                this.$http("POST", '/identity/cadreTask/getCurrentTask/基本信息更新', {}, false).then(
                    data => {
                        if (data) {
                            this.isHasTask = true;
                            this.endTime = data.endTime;
                        }
                    }
                )
            },
            initCadresList(districtId, index) {
                this.currentTownIndex = index;
                this.trackLoad = true;
                this.$nextTick(_ => {
                    this.showBaseInfo(districtId).then(data => {
                        this.cadList = data;
                        /*处理测试镇显示的情况*/
                        let jumpIndex = Math.floor(data.length/2);
                        this.$nextTick(()=>{
                            this.currentSecretary = data[jumpIndex];
                            const swiperThumbs = this.$refs.swiperThumbs.swiper;
                            this.swiper = swiperThumbs;
                            this.swiper.slideTo(jumpIndex, 100, false);
                            this.trackLoad = false;
                        })
                    });
                });
            },
            remoteMethod(query) {
                this.searchLoading = true;
                this.$http(`post`,`/identity/villageCadres/list`,{name:query,hasRetire: "0",cadresType: "SECRETARY"},false).then(data=>{
                    this.options = data;
                    this.searchLoading = false;
                });
            },
            selectPersonChange(val){
              this.currentSelectPerson = this.options.filter(item => item.id === this.state)[0];
            },
            loadByQueryVal(val){
              if(JSON.stringify(this.currentSelectPerson) == "{}") {
                this.$message({
                  type: "warning",
                  message: '请输入村书记姓名'
                })
              } else {
                this.dialogVisible = true;
              }
            }
        },
        components:{
            Waterfall,
            WaterfallSlot,
            swiper,
            swiperSlide,
            SecretaryEdit
        },
        mounted() {
            this.trackLoad = true;
            this.$nextTick(() => {
                let districtId = this.user.districtId;
                if (this.user.roleCode === 'CITY_LEADER') {
                    this.showBaseInfo(this.zhenList[0].districtId).then(data => {
                        let jumpIndex = Math.floor(data.length/2);
                        this.currentSecretary = data[jumpIndex];
                        this.cadList = data;
                        this.$nextTick(() => {
                            if (!this.isEdit) {
                                const swiperTop = this.$refs.swiperTop.swiper;
                                const swiperThumbs = this.$refs.swiperThumbs.swiper;
                                this.swiper = swiperThumbs;
                                swiperTop.params.control = swiperThumbs;
                                swiperThumbs.params.control = swiperTop;
                                this.swiper.slideTo(jumpIndex, 100, false);
                            } else {
                                const swiperThumbs = this.$refs.swiperThumbs.swiper;
                                this.swiper = swiperThumbs;
                                this.swiper.slideTo(jumpIndex, 100, false);
                            }
                            this.trackLoad = false;
                        });
                    })
                } else {
                    this.showBaseInfo(districtId).then(data => {
                        let jumpIndex = Math.floor(data.length/2);
                        this.currentSecretary = data[jumpIndex];
                        this.cadList = data;
                        this.$nextTick(() => {
                            if (!this.isEdit) {
                                const swiperTop = this.$refs.swiperTop.swiper;
                                const swiperThumbs = this.$refs.swiperThumbs.swiper;
                                this.swiper = swiperThumbs;
                                swiperTop.params.control = swiperThumbs;
                                swiperThumbs.params.control = swiperTop;
                                this.swiper.slideTo(jumpIndex, 100, false);
                            } else {
                                const swiperThumbs = this.$refs.swiperThumbs.swiper;
                                this.swiper = swiperThumbs;
                                this.swiper.slideTo(jumpIndex, 100, false);
                            }
                            this.trackLoad = false;
                        });
                    })
                }

            });
            this.checkIsHasTask();
        },
        created() {
            this.user = JSON.parse(sessionStorage.getItem('userInfo'));
            if (this.user.roleCode === 'CITY_LEADER') {
                this.zhenList = JSON.parse(sessionStorage.getItem('towns'));
            }
        }
    }
</script>
<style>
   /* .CsjDetail .el-card__body{
        padding: 10px!important;
    }*/
</style>
<style scoped>
    .CsjDetail {
        padding: 10px 5px;
        min-height: 750px;
    }
    .CsjDetail .selectTownDiv{
        background: linear-gradient(to right,#64a9b3,#45a04e) ;
        height: 38px;
        line-height: 38px;
        font-size: 14px;
        margin-left: 5px;
        padding-left: 3px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }
    .CsjDetail .town-btn-active {
        float: left;
        height: 35px;
        line-height: 35px;
        margin: 3px 20px 0 0;
        padding: 0 20px;
        background: #FFFFFF;
        color: #5AA693;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }
    .CsjDetail .town-btn {
        float: left;
        height: 38px;
        line-height: 38px;
        margin: 0 20px 0 0;
        padding: 0 15px;
        color: #FFFFFF;
        background: none!important;
    }
    .CsjDetail .town-btn-active:hover{
        cursor: pointer;
    }
    .CsjDetail .town-btn:hover{
        cursor: pointer;
    }
    .CsjDetail  .swiperFather {
        width: 100%;
        height: 265px;
        position: relative;
    }
    .gallery-thumbs {
        height: 250px;
        box-sizing: border-box;
    }
    .CsjDetail .swiperTitle{
        margin-top: 30px;
        width: 90%;
    }
    .CsjDetail .el-form-item__label {
        color: #7b8384;
    }
    .baseMassage {
        background-image: url("../../static/messageBg/cardBg.png");
        background-size: 100% 100%;
    }
    .workMessage {
        background-image: url("../../static/messageBg/workMessageBg.png");
        background-size: 100% 100%;
    }
    .workExperience {
        height: 350px;
        background-image: url("../../static/messageBg/workExperienceBg.png");
        background-size: 100% 100%;
    }
    .repaid {
        height: 350px;
        background-image: url("../../static/messageBg/repaidBg.png");
        background-size: 100% 100%;
    }
    .family {
        height: 300px;
        background-image: url("../../static/messageBg/familyBg.png");
        background-size: 100% 100%;
    }
    .inCountry {
        height: 300px;
        background-image: url("../../static/messageBg/inCountryBg.png");
        background-size: 100% 100%;
    }
    .train {
        height: 300px;
        background-image: url("../../static/messageBg/trainBg.png");
        background-size: 100% 100%;
    }
    .honer {
        height: 300px;
        background-image: url("../../static/messageBg/honerBg.png");
        background-size: 100% 100%;
    }
    .assessment {
        height: 300px;
        background-image: url("../../static/messageBg/assessmentBg.png");
        background-size: 100% 100%;
    }

    .gallery-top {
         height: 80%;
         width: 100%;
     }

    .gallery-thumbs .swiper-slide {
        width: 170px;
        height: 245px;
        opacity: 0.4;
     }
    .gallery-thumbs .swiper-slide .head-list-item {
        width: 144px;
        height: 215px;
        margin: 35px 0 0 0;
        position: relative;
        transition: all .4s;
    }
    .gallery-thumbs .swiper-slide-active {
         opacity: 1;
     }
    .gallery-thumbs .swiper-slide-active .head-list-item {
        opacity: 1;
        box-shadow: 0 2px 12px 0 #BCE1C7;
        transform: translateY(-20px) scale(1.15);
    }
    .CsjDetail .cardTitleStyle{
        position: relative;
        text-align: left;
        font-size: 18px;
        font-weight: bold;
        margin:0px 10px 10px 10px ;
        color:#55BD94;
    }
    .name-post {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
        background-color:rgba(85, 189, 148, 0.8);
        position: relative;
        top: -40px;
        /*height: 35px;*/
        overflow: hidden;
        padding: 2px 0;
        border-radius: 0 0 5px 5px;
        opacity:1
    }
    .name-post1 {
        /*width: 100%;*/
        text-align: center;
        margin-bottom: 20px;
        position: relative;
        overflow: hidden;
        width: 160px;
        height: 45px;
        display: inline-block;
        top: 0px;
        color:#55BD94;
        font-size: 14px;
    }
    .CsjDetail .smallTitle{
        vertical-align: middle;
        width: 26px;
        height: 26px;
        float: left;
        margin-right: 3px;
    }
    .CsjDetail .Secoll{
        height: 180px;
        overflow: hidden;
        padding: 0px!important;
    }
    .CsjDetail  .Secoll_workExperience {
      height: 230px;
    }
    .CsjDetail .more{
        width:100px;
        height:14px;
        font-size:14px;
        font-family:Source Han Sans CN;
        font-weight:400;
        color:#55BD94;
        line-height:30px;
        cursor: pointer;
    }
    .lableColor{
        font-size:16px;
        font-family:Source Han Sans CN;
        font-weight:400;
        color:#55BD94;
        line-height:30px;
    }
   .valueStyle {
        font-size:16px;
        font-family:Source Han Sans CN;
        font-weight:400;
        color:rgba(57,57,57,1);
        line-height:30px;
    }
    .CsjDetail .el-card{
        border: 1px solid rgba(69, 161, 79, 0.3)!important;
    }
    .CsjDetail .support-area {
        position: relative;
        top: -4px;
    }
    .CsjDetail .baseInfoDiv{
        font-size: 14px;
        display: flex;
        height: 40px;
    }
    .baseInfoDiv span span {
        vertical-align: top;
    }
    .CsjDetail .baseLabel{
        flex:0 0 100px;
        text-align: right;
        vertical-align: top;
        color: #AAAAAA;
        padding-right:15px ;
        line-height: 40px;
    }
    .CsjDetail .baseVal{
        flex: 1;
        text-align: left;
        vertical-align: top;
        color: #393939;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow:hidden;
        line-height: 40px;
    }
    .baseInfoCard{
        font-size: 14px;
        line-height: 36px;
        padding: 0!important;
        text-align: left;
        color: #393939;
    }
   .baseCardLabel{
        width: 100px;
        display: inline-block;
        text-align: right;
        vertical-align: top;
        color: #AAAAAA;
    }
    .baseCardVal{
        width: 80px;
        display: inline-block;
        text-align: left;
        vertical-align: top;
        margin-left: 6px;
    }
    .baseCardLongVal{
        width: 285px;
        display: inline-block;
        text-align: left;
        vertical-align: top;
        margin-left: 6px;
    }
    .popoverLine{
        border:1px dotted rgba(145, 145, 145, 0.38);
    }
    .popoverScroll{
        overflow-x: scroll;
        max-height: 700px;
    }
    .popoverImage{
        width: 350px;
        margin-left: 30px;
    }
    .CsjDetail el-col{
        padding: 0px!important;
    }
    .CsjDetail .activeLine{
        width: 100%;
        height: 1px;
        background-color: transparent;
        position: relative;
        box-shadow:0px 3px 14px 0px rgba(69,161,79,0.3);
    }
    .CsjDetail .activeLineArrow{
        margin: 0px auto 0 auto;
        width: 20px;
        height:20px;
        background: white;
        border-top:1px solid #55BD94;
        border-left:1px solid #55BD94;
        transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        position: relative;
        left: -9px;
        top: -10px;
    }
    .CsjDetail .singleContentDiv{
        background: #FFFFFF;
        box-shadow:0px 3px 14px 0px rgba(69,161,79,0.3);
        padding: 0px 20px 0;
        border: 1px rgba(69, 161, 79, 0.3) solid;
        border-top: 1px #55BD94 solid;
        border-radius: 3px;
        border-bottom: none;
        margin-top: 20px;
    }
    .CsjDetail .fileIcon{
        font-size: 16px;
    }
    .CsjDetail .taskNotice{
        width: 24px;
        height: 24px;
        display: inline-block;
        background: url("../../static/img/csj/notice.png");
        vertical-align: middle;
    }
    .CsjDetail .swiper-button-prev, .swiper-container-rtl .swiper-button-prev{
        background-image:url("../../static/img/csj/swiperLeftArrow.png")!important;
    }
    .CsjDetail .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
       background-image:url("../../static/img/csj/swiperRightArrow.png")!important;
    }
   /* .CsjDetail .swiper-container{
        overflow: visible !important;
    }*/
    .CsjDetail_scarch {
      margin: 0px 0 20px 5px!important;
      height: 30px;
      line-height: 30px;
    }
    .CsjDetail_scarch span {
      color: #58be96;
      font-weight: bold;
      vertical-align: bottom;
    }
    .CsjDetail_scarch .el-select.el-select--mini {
      margin-left: -10px;
    }
    .CsjDetail_scarch .el-input--mini .el-input__inner {
      height: 30px;
    }
    .CsjDetail_scarch .el-button.el-button--primary.el-button--mini {
      vertical-align: bottom;
      background-color: #58be96;
      border-color: #58be96;
    }
    .baseInfoDiv.insurance_line {
      float: left;
      width: 50%;
    }
    .CsjDetail .insurance_box {
      overflow: hidden;
      margin-top: 35px;
      /* border-bottom: 1px dashed #ccc; */
    }
    .CsjDetail .insurance_box .card_line {
      margin: 8px 0;
      border-top: 1px dashed #ccc;
    }
</style>
<style>
  /* .el-scrollbar {
    min-height: 40px;
  } */
  /* .el-select-dropdown__wrap.el-scrollbar__wrap {
    margin-bottom: -6px!important;
  } */
</style>
